$(function(){
	//以下是“个人简介”分块的动态效果添加
	$('.strips__strip').eq(1).click(function(){
		$('.iconf').addClass('animated bounceInRight');
		$('#info_img').addClass('animated flipInX');
	})
	
	//以下是“PHP作品”分块的动态效果添加
	$('.strips__strip').eq(0).click(function(){
		$('.php_img').addClass('animated bounceInDown');
	})
	
	//==============以下是HTML分块内的内容显示js效果==============
	$('.img_box').click(function(){
		$(this).siblings().hide();
		$(this).css({top:"155px",left:"-10px"});
		$(this).children('.img').css({transform:'rotateY(45deg)'});
		
		$(this).children('.info').css({display:'block'});
		$(this).children('.info').addClass('animated bounceIn');
	})
	
	$('.html_botton02').click(function(event){
		var num = $(this).index('.html_botton02');
		$(this).parents('.img_box').siblings().show();
		$(this).parent('.info').css({display:'none'});
		$(this).parent('.info').siblings('.img').css({transform:'rotateY(0deg)'});
		if(num==0){
			$(this).parents('.img_box').css({top:"0px",left:"0px"});
		}else if(num==1){
			$(this).parents('.img_box').css({top:"0px",left:"50%"});
		}else if(num==2){
			$(this).parents('.img_box').css({top:"50%",left:"0px"});
		}else{
			$(this).parents('.img_box').css({top:"50%",left:"50%"});
		}
		event.stopPropagation();
	})
	
	
	$('.php_botton02').click(function(event){
		var num = $(this).index('.php_botton02');
		$(this).parents('.img_box').siblings().show();
		$(this).parent('.info').css({display:'none'});
		$(this).parent('.info').siblings('.img').css({transform:'rotateY(0deg)'});
		if(num==0){
			$(this).parents('.img_box').css({top:"0px",left:"0px"});
		}else if(num==1){
			$(this).parents('.img_box').css({top:"0px",left:"50%"});
		}else if(num==2){
			$(this).parents('.img_box').css({top:"50%",left:"0px"});
		}else{
			$(this).parents('.img_box').css({top:"50%",left:"50%"});
		}
		event.stopPropagation();
	})
	
	
})
